<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
	<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
	<title>交友神器</title>
	<link rel="shortcut icon" href="images/favicon.ico">
	<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>
	<div class="content">
		<a href="#" class="logo">交友神器</a>
		<ul class="banner">
			<li class="banner1 current">
				<h1>一键搭尽有缘人</h1>集多个婚恋网站管理于一身
			</li>
			<li class="banner2 ">
				<h1>多网站消息一键接收</h1>
				免去不停登录 提高交友效率
			</li>
			<!-- <li class="banner3 ">
				<h1>收藏各网站心仪对象</h1>不论TA来自哪里 都缘来在这里
			</li> -->
			<li class="banner4 ">
				<h1>多网站会员综合搜索</h1>有缘人一个都不少		
			</li>
			<li class="banner5 ">
				<h1>一键群发</h1>把你的心里话告诉她们吧
			</li>
		</ul>
		<a href="#" class="download"  onClick="alert('还未开放下载，敬请期待')"> 敬请期待</a>
		<!-- <img src="images/twocode.png" width="180" height="180" alt="下载地址" class="two"> -->
		<ul class="options">
			<li><a href="#" class="option1 current">一键搭尽有缘人</a></li>
			<li><a href="#" class="option2 ">多网站消息一键接收</a></li>
			<!-- <li><a href="#" class="option3">收藏各网站心仪对象</a></li> -->
			<li><a href="#" class="option4">多网站会员综合搜索</a></li>
			<li><a href="#" class="option5">一键群发</a></li>
		</ul>
		<span class="glass"></span>
	</div>
	<div class="footer">COPYRIGHT© 2012 广东利为网络科技有限公司  All Rights Reversed</div>
</body>
<script type="text/javascript">
	var delayRun;
	function fnChangeBanner(n){
		$('.banner .current').removeClass('current');
		$('.banner'+n).addClass('current');
	}
	function currentEvent(o){
		$('.options .current').removeClass('current');
		o.addClass('current');
		var currentNum = o.attr('class').match(/option\d/)[0].match(/\d/);
		fnChangeBanner(currentNum);
	}
	$('.options a').mouseover(function(){
		clearInterval(delayRun);
		currentEvent($(this));
		
	})
	$('.options a').mouseout(function(){
		fndelayRun();
	})
	function fndelayRun(){
		delayRun = setInterval(function(){
			obj = $('.options .current');
			if(obj.parent().next().get(0)){
				objNext = obj.parent().next().find('a');	
			}else{
				objNext = $('.options li:first a');
			}
			currentEvent(objNext);
		},2000)
	}
	fndelayRun();
</script>
</html>